﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
		<title>大厅主页</title>
		<!--<script type="text/javascript" src="./build/js/bundle.js"></script>-->
		<link rel="stylesheet" href="./css/reset.css">
		<link rel="stylesheet" href="./css/index.css">
		<script src="./js/RequestHandle.js"></script>
		<script src="./js/app.js"></script>
	</head>

	<body>

		<div class="body-content">
			<!--广告页-->
			<div id="slideBox" class="slideBox" style="visibility:visible">
				<div class="bd">
					<div class="tempWrap" style="overflow:hidden; position:relative;">
						<ul style="width: 3000px; position: relative; overflow: hidden; padding: 0px; margin: 0px; transition-duration: 200ms; transform: translate(-1875px, 0px) translateZ(0px);">
						<li style="display: table-cell; vertical-align: top;"><a class="ui-link"><img src="./images/1.jpg"></a></li>
						<li style="display: table-cell; vertical-align: top;"><a class="ui-link"><img src="./images/2.jpg"></a></li>
						<li style="display: table-cell; vertical-align: top;"><a class="ui-link"><img src="./images/3.jpg"></a></li>
						<li style="display: table-cell; vertical-align: top;"><a class="ui-link"><img src="./images/4.jpg"></a></li>
						<li style="display: table-cell; vertical-align: top;"><a class="ui-link"><img src="./images/3.jpg"></a></li>
						<li style="display: table-cell; vertical-align: top;"><a class="ui-link"><img src="./images/2.jpg"></a></li>
						<li style="display: table-cell; vertical-align: top;"><a class="ui-link"><img src="./images/1.jpg"></a></li>
						<li style="display: table-cell; vertical-align: top;"><a class="ui-link"><img src="./images/4.jpg"></a></li>
						</ul>
					</div>
				</div>
				<div class="hd">
					<ul class="slideBox-ul"><li class="">1</li><li class="">2</li><li class="">3</li><li class="">4</li><li class="on">5</li><li class="">6</li></ul>
				</div>
			</div>
			<!--滚动条-->
			<div class="tit_indexa">
				<p>
					<marquee behavior="scroll" scrollamount="2" direction="left" style="height: 100%;" onmouseout="this.start()" onmouseover="this.stop()">尊敬的会员您好：近期公司银行入款卡因存款问题进行调整，请广大会员存款时，先进入查看公司入款再进行转账，望广大会员互相告知一下谢谢！					尊敬的会员：欢迎光临 “彩民网”我们一直秉承着服务好每一位会员，创造不一样的游戏体验，享受帝王般的服务，在彩民网没赢不许走！</marquee>
				</p>
			</div>
			<div class="hot-game game-list">
				<ul class="gameItem">
					<li class="button">
						<a class="ui-link"><img src="./images/pk.png"></a>
						<span>广东</span>
					</li>
				</ul>
			</div>

			<div class="love-game game-list">
				<p>我最喜欢的游戏<span class="s_add"><img src="./images/add_s.png"  class="button"/>添加</span></p>
				<ul class="gameItem">
					<li class="button">
						<a class="ui-link"><img src="./images/pk.png"></a>
						<span>广东</span>
					</li>
					<li class="button">
						<a class="ui-link"><img src="./images/pk.png"></a>
						<span>北京10</span>
					</li>
					<li class="button">
						<a class="ui-link"><img src="./images/pk.png"></a>
						<span>北京0</span>
					</li>
					<li class="add-btn">
						<a class="ui-link"><img src="./images/add.png"></a>
					</li>
				</ul>
			</div>

			<div class="play-game game-list">
				<p>最近的游戏</p>
				<ul class="gameItem">
					<li class="button">
						<a class="ui-link"><img src="./images/add.png"></a>
						<span>广东</span>
					</li>
					<li class="button">
						<a class="ui-link"><img src="./images/pk.png"></a>
						<span>北京155454545000000000000000000000000000000</span>
					</li>
					<li class="button">
						<a class="ui-link"><img src="./images/pk.png"></a>
						<span>北京155454545</span>
					</li>
					<li class="button">
						<a class="ui-link"><img src="./images/pk.png"></a>
						<span>北京10155454545</span>
					</li>
					<li class="button">
						<a class="ui-link"><img src="./images/pk.png"></a>
						<span>北京10155454545</span>
					</li>
				</ul>
			</div>


		</div>


		<div class="header-content">
			<ul>
			  <li class="button"><span>退出</span></li>
			  <li><span>主页</span></li>
			  <li class="button"><span>菜单栏</span></li>
			</ul>
		</div>

		<div class="bottom-content">
			<ul>
			  <li class="button active"><span></span></li>
			  <li class="button"><span></span></li>
			  <li class="button"><span></span></li>
			  <li class="button"><span></span></li>
			</ul>
		</div>


	</body>
	<script src="./js/jquery-1.10.1.min.js"></script>
	<!--<script src="../js/jquery.mobile-1.3.2.min.js"></script>-->
	<script src="./layer/layer.js"></script>
    <script type="text/javascript" src="./js/TouchSlide.js"></script>
    <script>
    	window.onload = function(){
    		touchSlider();
    	}

    	function touchSlider(){
			TouchSlide({
				      slideCell:"#slideBox",
				      titCell:".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
				      mainCell:".bd ul",
				      effect:"leftLoop",
				      autoPage:true,//自动分页
				      autoPlay:true //自动播放
				    });

		 	var count =6;
		 	for (var i = 0; i < count; i++) {
		 		$(".promotContent:eq("+ i +")").hide();
		 	}
		 	$(".menuHead").click(function(){
		 		$(this).next(".promotContent").slideToggle(300).siblings(".promotContent").slideUp("slow");
		 		$(this).siblings();
		 	});
		 	$("#zhedie .accli").click(function(){
		    	if($(this).hasClass("current")) {
		    		$(this).removeClass("current");
		    		$(this).next("div.acc_sub").slideToggle(300).siblings("div.acc_sub").slideUp("slow");
		    	} else {
		    		$(this).addClass("current").next("div.acc_sub").slideToggle(300).siblings("div.acc_sub").slideUp("slow");
		    	}
		    	$(this).siblings().removeClass("current");
		    });

    		$('.slideBox').attr("style", "visibility:visible")
	}

    </script>

</html>
